<template>
    <div>
        <el-button type="text" icon="el-icon-back" size="mini" @click="back">返回</el-button>
        <div class="tip">员工信息详情</div>
        <el-row type="flex" class="row-bg" justify="center">
            <el-col :span="23">
                <el-card class="box-card">
                    <div slot="header" class="clearfix">
                        <span>员工列表</span>
                    </div>
                    <div>
                        <el-form ref="form" :model="formData" label-width="80px" disabled>
                            <el-form-item label="员工账号" required>
                                <el-input v-model="formData.userName"></el-input>
                            </el-form-item>
                            <el-form-item label="员工姓名" required>
                                <el-input v-model="formData.empName"></el-input>
                            </el-form-item>
                            <el-form-item label="性别" required>
                                <el-input v-model="formData.gender"></el-input>
                            </el-form-item>
                            <el-form-item label="部门" required>
                                <el-input v-model="formData.deptName"></el-input>
                            </el-form-item>
                            <el-form-item label="职务" required>
                                <el-input v-model="formData.empJob"></el-input>
                            </el-form-item>
                            <el-form-item label="手机" required>
                                <el-input v-model="formData.empPhone"></el-input>
                            </el-form-item>
                            <el-form-item label="账号状态" required>
                                <el-input v-model="formData.status"></el-input>
                            </el-form-item>
                            <el-form-item label="使用权限" required>
                                <template slot-scope="scope">
                                    <el-switch
                                            v-model="scope.loginStatus"
                                            active-color="#13ce66"
                                            inactive-color="#ff4949"
                                            :disabled="true">
                                    </el-switch>
                                </template>
                            </el-form-item>
                        </el-form>
                    </div>
                </el-card>
            </el-col>
        </el-row>
    </div>
</template>

<script>
export default {
    name: "censorship_view",
    props: {
        formData: {
            type: Object,
            default() {
                return {}
            }
        }
    },
    data() {
        return {}
    },
    methods: {
        back() {
            this.$emit("currentHandle", {'currentPanel': 'list'})
        },
    }
}
</script>

<style scoped>
.text {
    font-size: 14px;
}

.item {
    margin-bottom: 18px;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both
}

#censorshipData {
    text-align: center;
}

</style>
